.sjbg_box{
  .banner{
    background: url(../img/sjbg/banner.jpg) no-repeat center top; height: 434px;
  }
  .xq{
    background: #fff; text-align: center;
  }
  .zypz_hlsf{
    background: url(../img/sjbg/zypz_hlsf.jpg) no-repeat center top; background-color: #f5f6fb; height: 633px;
    .tl{
      text-align: center; padding-top: 1px;
      h2{
        font-size: 32px; color: #323232; text-align: center; letter-spacing: 4px; margin-top: 40px; margin-bottom: 16px; font-weight: normal;
      }
      font-size: 18px; color: #666666;
    }
    .ny{
      width: 1200px; margin: 0 auto;
      .L{
        color: #fff; padding-top: 80px; padding-left: 40px;
        .bt{
          font-size: 36px; 
        }
        .bz{
          font-size: 16px; width: 180px; margin-top: 20px;
        }
      }
      .M{
        padding-top: 21px; padding-left: 30px; width: 660px;
        div.item{
          width: 320px; height: 205px; margin-left: 10px; margin-top: 10px;

          .p_name{
            margin-top: 45px; margin-left: 40px; font-weight: bold; font-size: 16px; padding-right: 80px; line-height: 1.7em;
          }
          .price{
            color: #f74f5c; margin-left: 40px; margin-top: 10px; font-size: 18px; font-weight: bold;
            span{
              font-size: 24px; padding: 0 4px; 
            }
          }
          &:hover{
            .p_name{
              color: #333;   
            }
          }
          .btn_service{
            width: 144px; height: 64px; margin-left:30px; display: block; background: url(../img/index/btn_service.png) no-repeat left top;
            &:hover{
              background-position: right top;
            }
          }
        }
      }
      .R{
        width: 278px;
        div.item{
          width: 278px; height: 420px; margin-top: 31px;

          .p_name{
            margin-top: 45px; margin-left: 40px; font-weight: bold; font-size: 24px; padding-right: 80px; line-height: 1.7em;
          }
          .price{
            color: #f74f5c; margin-left: 40px; margin-top: 10px; font-size: 18px; font-weight: bold;
            span{
              font-size: 24px; padding: 0 4px; 
            }
          }
          &:hover{
            .p_name{
              color: #333;   
            }
          }
          .btn_service{
            width: 144px; height: 64px; margin-left:30px; display: block; background: url(../img/index/btn_service.png) no-repeat left top;
            &:hover{
              background-position: right top;
            }
          }
        }

      }
    }
  }


  .ssjccl{
    background-color: #eff4f7; padding: 1px 0; padding-top: 20px;
    .tl{
      text-align: center; padding-top: 1px;
      h2{
        font-size: 32px; color: #323232; text-align: center; letter-spacing: 4px; margin-top: 40px; margin-bottom: 16px; font-weight: normal;
      }
      font-size: 18px; color: #666666;
    }
    .ny{
      width: 1132px; height: 405px; margin: 0 auto; background: url(../img/sjbg/ssjccl_bg.png) no-repeat; margin-top: 64px; margin-bottom: 64px;
      .item{
        width: 280px; height: 190px; color: #11236b; padding-left: 220px; padding-right: 50px;
        .bt{
          font-size: 20px; margin-top: 50px;
        }
        .bz{
          font-size: 16px; margin-top: 25px;
        }
        &.two,&.four{
          margin-left: 30px;
        }
        &.three,&.four{
          margin-top: 30px;
        }
      }
    }
    .btn{
      margin-bottom: 60px;
      a{
        width: 228px; height: 72px; line-height: 72px; display: block; margin: 0 auto; text-align: center; background: url(../img/sjbg/btn_blue.png) no-repeat; color: #fff; font-size: 20px; letter-spacing: 4px;
        &:hover{
          opacity: 0.9;
        }
      }
    }
  }


  .qbdb{
    background: url(../img/sjbg/qbdb_bg.jpg) no-repeat center top; height: 740px; padding: 1px 0;
    .tl{
      text-align: center; padding-top: 1px; color: #fff; margin-top: 40px;
      h2{
        font-size: 32px; text-align: center; letter-spacing: 4px; margin-top: 40px; margin-bottom: 16px; font-weight: normal;
      }
      font-size: 18px;
    }
  }

  .fwlc{
    background: url(../img/sjbg/fwlc_bg.jpg) no-repeat center top; height: 554px; padding: 1px 0; background-color: #ffffff;
    .tl{
      text-align: center; padding-top: 1px;  margin-top: 40px;
      h2{
        font-size: 32px; text-align: center; letter-spacing: 4px; margin-top: 40px; margin-bottom: 16px; font-weight: normal; color: #11232f;
      }
      font-size: 18px; color: #666;
    }
    .btn{
      margin-top: 300px;
      a{
        width: 200px; height: 50px; line-height: 50px; display: block; margin: 0 auto; text-align: center; background: url(../img/sjbg/btn_ljcx.png) no-repeat; color: #fff; font-size: 20px; letter-spacing: 4px;
        &:hover{
          opacity: 0.9;
        }
      }
    }
  }

  .fwbz{
    background: url(../img/sjbg/fwbz_bg.jpg) no-repeat center top; height: 590px; padding: 1px 0; background-color: #ffffff;
    .tl{
      text-align: center; padding-top: 1px;  margin-top: 40px;
      h2{
        font-size: 32px; text-align: center; letter-spacing: 4px; margin-top: 40px; margin-bottom: 16px; font-weight: normal; color: #11232f;
      }
      font-size: 18px; color: #666;
    }
    .btn{
      margin-top: 300px;
      a{
        width: 200px; height: 50px; line-height: 50px; display: block; margin: 0 auto; text-align: center; background: url(../img/sjbg/btn_ljcx.png) no-repeat; color: #fff; font-size: 20px; letter-spacing: 4px;
        &:hover{
          opacity: 0.9;
        }
      }
    }
  }
  .questions{
    height: 736px; background: url(../img/sjbg/question.jpg) no-repeat center top; background-color: #d9dfef;
  }

}


